<template>
  <div class="detailTitle">
    <div class="line border-1px"></div>
    <div class="text" v-text="title">{{title}}</div>
    <div class="line border-1px"></div>
  </div>
</template>

<script type="text/ecmascript-6">
    export default {
      props: ['title']
    }
</script>


<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/mixin"
  .detailTitle
    width: 80%
    margin: 28px auto 12px
    line-height: 16px
    display: flex
    display: -webkit-box
    .line
      position: relative
      flex: 1
      -webkit-box-flex: 1
      font-size: 0
      border-1px(rgba(255,255,255,0.8))
      &:after
        top: 50%
    .text
      padding: 0 12px
      font-size: 16px
      font-weight: 700
</style>
